<template>
	<view class="content">
		<image class="logo" src='http://ww1.sinaimg.cn/large/006PeBlYgy1gtlxz4h1ytj60fe07cab802.jpg'></image>
		<view class="text-area">
			<image class="srclogo" src="http://ww1.sinaimg.cn/large/006PeBlYgy1gtlz6c05dzj603m03mjrl02.jpg"></image>
			<text class="title">{{title}}</text>
		</view>
		<view class="userlogin">
			<text>账号登录</text>
		</view>
		<view class="input1">
			<text>姓名</text>
			<input class="inpId" @blur="inputName" type="text" value="" placeholder="请填写监护人姓名" />
		</view>
		<view class="input2">
			<text>手机号</text>
			<input class="inpTel" @blur="inputTel" type="text" value="" placeholder="请填写用户手机号码" />
		</view>
		<navigator url="../home/home">
		<view class="btn">
			<button id="loginBtn" type="default">登录</button>
		</view>
		</navigator>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: '居家托养服务平台',
				src:'http://cloud.axureshop.com/gsc/F1QYHV/75/35/36/753536a5db104f998314ad4fdfaf589e/images/cjr%E7%99%BB%E5%BD%95/u69.png?token=fd309ff0aafbe4a87885586e504d6f58b849d17d80bfb3fef38092b9b7657a6d',
				srcLogo:'http://cloud.axureshop.com/gsc/F1QYHV/75/35/36/753536a5db104f998314ad4fdfaf589e/images/cjr登录/u71.svg?token=fdf61458ad146da6c7e30fdd333adf9b6ce5adda0fe4d07e65b7031615337fd8',
				name:'',
				tel:'',
				code:''
			}
		},
		onLoad() {

		},
		methods: {
			inputName(e){
				console.log(e)
				this.name=e.detail.value
			},
			inputTel(e){
				console.log(e)
				this.tel=e.detail.value
			}
			loginIn(){
				uni.login({
					provider:'APP',
					success:res=>{
						if(res.code){
							this.code=res.code;
							uni.request({
								
							})
						}
					}
				})
			}
		}
	}
</script>

<style>
	.logo{
		width: 100%;
		height: 300rpx;
	}
	.srclogo{
		width: 100rpx;
		height: 100rpx;
		margin-top: -30rpx;
	}
	.text-area{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.title{
		margin-top: 30rpx;
		font-size: 38rpx;
	}
	.userlogin{
		margin-top: 70rpx;
		margin-left: 30rpx;
	}
	.input1{
		display: flex;
		margin-top: 80rpx;
		margin-left: 30rpx;
		border-bottom: 1rpx solid #eee;
		width: 650rpx;
		padding-bottom: 20rpx;
	}
	.inpId{
		margin-left: 180rpx;
	}
	.input2{
		display: flex;
		margin-top: 40rpx;
		margin-left: 30rpx;
		border-bottom: 1rpx solid #eee;
		width: 650rpx;
		padding-bottom: 20rpx;
	}
	.inpTel{
		margin-left: 120rpx;
	}
	#loginBtn{
		background-color:#007AFF;
		color: white;
	}
	.btn{
		margin-left: 50rpx;
		margin-top: 100rpx;
		width: 650rpx;
	}
</style>
